HTMLify
index.html
Views: 378 | Author: cody
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"> <title>BMI</title> <style> *{ padding: 10px; margin: 10px; } p{ font-weight: bold; } </style> </head> <body> <div class="container d-block text-center"> <h2 class="p-2">Body Mass Index Calculator using Metric Units</h2> Your Height: <input class="p-2 m-2" type="number" name="cm" id="cm" placeholder="centimeters"> <br/> Your Weight: <input class="p-2 m-2" type="number" name="weight" id="weight" placeholder="kilograms"> <br/> <button class="btn btn-primary p-2 m-2" onclick="fun()">Compute BMI</button><br/> Your BMI: <input class="p-2 m-2" type="text" name="bmi" id="bmi" disabled> <h4 class="p-2 m-2"></h4> </div> </body> </html> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" ></script> <script src="./script.js"></script> |